<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <th:block th:include="include :: header('课件管理')" />
</head>
<style type="text/css">
        .bg-blue{background-color:#50a5b4 !important;}
        .panel-body a{color:#fff;}
        .panel-body a:hover{color:#fff;}
        .panel-body a:hover .bg-blue{background-color: #3B909E !important;}
    </style>
<body class="gray-bg">
     <div class="container-div">
     <div class="panel panel-default panel-intro">
        <div class="panel-body" style="padding-top:30px;">
            <div class="col-xs-12 col-md-12">
                    <div class="col-xs-3 col-md-2">
                        <div class="panel bg-blue">
                            <div class="panel-body">
                                <a class="panel-content" href="book"><h1 class="no-margins" style="margin-bottom:17px;text-align: center;">教材</h1></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-3 col-md-2">
                        <div class="panel bg-blue">
                            <div class="panel-body">
                                <a class="panel-content" href="theory"><h1 class="no-margins" style="margin-bottom:17px;text-align: center;">乐理</h1></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-3 col-md-2">
                        <div class="panel bg-blue">
                            <div class="panel-body">
                                <a class="panel-content" href="question"><h1 class="no-margins" style="margin-bottom:17px;text-align: center;">选择题</h1></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-3 col-md-2">
                        <div class="panel bg-blue">
                            <div class="panel-body">
                                <a class="panel-content" href="music"><h1 class="no-margins" style="margin-bottom:17px;text-align: center;">音乐</h1></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-3 col-md-2">
                        <div class="panel bg-blue">
                            <div class="panel-body">
                                 <a class="panel-content" href="video"><h1 class="no-margins" style="margin-bottom:17px;text-align: center;">视频</h1></a>
                            </div>
                        </div>
                    </div>
                </div>
                
        </div>
        </div>
    </div>
    <th:block th:include="include :: footer" />
</body>
</html>